<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Document</title>
  <link rel="stylesheet" href="../css/统筹修饰.css" />
  <link rel="stylesheet" href="../css/cf首页修饰.css" />
  <link rel="stylesheet" href="../img/font_odolx4hy8w/iconfont.css" />
  <link rel="stylesheet" href="../css/cf购物车.css">
  <script src="../js文件/api.js"></script>
  <script src="../js文件/axios.min.js"></script>
  <script src="../js文件/cf购物车.js"></script>
</head>

<body>
  <div class="top-bei">
    <div class="top">
      <div class="top-1">
        <a href="https://mall.qq.com/cf/" target="_blank"><img src="../img/图标1.png" alt="" /></a>
      </div>
      <div class="top-2">
        <a href="https://mall.qq.com/cf/" target="_blank"><img src="../img/图标2.png" alt="" /></a>
      </div>
      <div class="top-3">
        <div class="top-3-1">
          <div class="iconfont icon-sousuo_huaban1"></div>
        </div>
        <input type="text" class="top-3-2" placeholder="请输入搜索内容" />

        <div class="top-3-3">
          <div class="iconfont icon-guanyuwomen"></div>
          <h4 id="user"><a href="cf登录页.html">立即登录</a></h4>
        </div>
        <div class="top-3-4">
          <div class="iconfont icon-gouwuche"></div>
          <h4><a href="cf购物车.html">购物车</a></h4>
        </div>
      </div>
    </div>
    <div class="nav">
      <div class="nav-left">
        <a href="cf首页.html" class="nav-left-ho">首页</a>
        <a href="cfNav详情页.html" class="nav-left-ho">枪模主题站</a>
        <a href="cfNav详情页.html" class="nav-left-ho">服饰时尚</a>
        <a href="cfNav详情页.html" class="nav-left-ho">包类专区</a>
        <a href="cfNav详情页.html" class="nav-left-ho">家居日用</a>
        <a href="cfNav详情页.html" class="nav-left-ho">模型手办</a>
      </div>
      <div class="nav-right">
        <h2>全部商品</h2>
        <div class="iconfont icon-shouye_huaban1"></div>
      </div>
    </div>
  </div>
  <div class="hid-bei">
    <div class="hid" style="display: none;">
      <div class="ul">
        <div class="ul-1">
          <ul><img src="../img/ul-1.png" alt="">
            <ul>家具日用
              <li>背包</li>
              <li>雨伞</li>
              <li>水杯</li>
              <li>卫衣</li>
              <li>T恤</li>
            </ul>
          </ul>
        </div>
        <div class="ul-1">
          <ul><img src="../img/ul-2.png" alt="">
            <ul>数码外设
              <li>背包</li>
              <li>雨伞</li>
              <li>水杯</li>
              <li>卫衣</li>
              <li>T恤</li>
            </ul>
          </ul>
        </div>
        <div class="ul-1">
          <ul><img src="../img/ul-3.png" alt="">
            <ul>服饰时尚
              <li>背包</li>
              <li>雨伞</li>
              <li>水杯</li>
              <li>卫衣</li>
              <li>T恤</li>
            </ul>
          </ul>
        </div>
        <div class="ul-1">
          <ul><img src="../img/ul-4.png" alt="">
            <ul>模型手办
              <li>背包</li>
              <li>雨伞</li>
              <li>水杯</li>
              <li>卫衣</li>
              <li>T恤</li>
            </ul>
          </ul>
        </div>

      </div>
    </div>
  </div>
    <!-- 内容 -->
    <div class="content-bei">
    <div class="content">
      <ul class="tab">
        <li><input type="checkbox" class="checkAll allIpt" onchange="checkAll()"
          />全选</li>
        <li>商品</li>
        <li>单价</li>
        <li>数量</li>
        <li>小计</li>
        <li>操作</li>
      </ul>

      <!-- 商品展示 -->
      <!-- <ul class="car-list">
                    <li><input type="checkbox" class="check single-ipt" onchange = "singleBtn(${pObj.pnum},${pObj.pprice},this)"/></li>
                    <li><img src="${pObj.pimg}" alt=""><a href="item.html">${pObj.pname}</a></li>
                    <li class = "pprice-ipt">${pObj.pprice}</li>
                    <li class = "anniu">
                        <button onclick =  "subBtn(${pObj.pid},this)"> - </button>
                        <input type="text" value=${pObj.pnum} class = "ipts pnum-ipt" onblur = "iptBtn(${pObj.pid},this)">
                        <button onclick =  "addBtn(${pObj.pid},this)">+</button>
                    </li>
                    <li>${pObj.pprice * parseInt(pObj.pnum)}.00</li>
                    <li onclick =  "delBtn(${pObj.pid},this)">删除</li>
              </ul> -->

    <!-- 结算功能 -->
    </div>
    <div class="content1">

    </div>
    <div class="car-inner">
      <div class="car-left fl">
        <a href="cf首页.html">继续购物</a>
      </div>
      <div class="car-right fr">
        <p>总计（不含折扣）：<span>￥</span><span class = "zj">0</span></p>
        <button class="car-price">去结算</button>
      </div>
    </div>
    </div>
   <div class="bot-bei">
        <div class="bot">
            <div class="bot-m">
                <div class="bot-m-1">
                    <a href="https://mall.qq.com/cf">
                        <img src="../img/bot-m-1-1.png" alt="" class="bot-m-1-1" /></a>
                    <a href="https://mall.qq.com/cf"><img src="../img/bot-m-1-2.png" alt="" class="bot-m-1-2" />
                </div></a>
                <div class="bot-m-2">
                    <a href="https://mall.qq.com/help.shtml?gotab=4"> <img src="../img/底部.jpg" alt=""></a>
                </div>
                <div class="bot-m-3">
                    <ul>
                        <li><img src="../img/bot-1.png" alt="" class="im"></li>
                        <li>掌上穿越火线</li>
                    </ul>
                    <ul>
                        <li><img src="../img/bot-2.jpg" alt="" class="im"></li>
                        <li>聚诚品公众号</li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="last-bei">
        <div class="last">
            <a href="https://game.qq.com/contract.shtml" target="_blank">
                <p class="last-p1">
                    腾讯互动娱乐I服务条款|腾讯游戏隐私保护指引腾讯游戏儿童隐私保护指引广告服务I腾讯游戏招聘I腾讯游戏客服I 游戏地图I
                    成长守护平台I商务合作I网站导航<br>粤网文[2014]0633-233号增值电信业务经营许可证:客B2- 20090059 B2-20090028违法和不良信息举报电话:
                    0755-83767606 <br>COPYRIGHT◎1998 - 2020 TENCENT. ALL RIGHTS RESERVED. <br>腾讯公司版权所有<br>
                </p>
            </a>
            <a href="https://szcert.ebs.org.cn/1efd63b4-7863-490a-839f-53968220109f" target="_blank">
                <div class="last-p2">
                    <img src="../img/警徽.png" alt="">工商网监电子标识

                </div>
            </a>
        </div>
    </div>
    </body>
    <script>
       let username = localStorage.getItem("username")
    let user = document.querySelector("#user");
    if (username) {
      user.innerHTML = username
    }
    // 二级菜单
    navRight();

    function navRight() {
      let navRight = document.querySelector(".nav-right")
      let allHid = document.querySelector(".hid")
      navRight.onmouseenter = function () {
        allHid.style.display = "block";
        navRight.onmouseleave = function () {
          allHid.style.display = "none";
        }
        allHid.onmouseenter = function () {
          allHid.style.display = "block";
        }
        allHid.onmouseleave = function () {
          allHid.style.display = "none";
        }
      }
    }
    </script>
